body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#333;}
a{font-size:14px; color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width :1200px;}
em{font-style:normal;}
.w1200 { width:1200px; margin:auto;}
i{ font-style:normal;}
.noright{margin-right:0px !important;}

.key1{
font-size: 14px;
padding-left: 2.5%;
background: #dbdbdb;
height:60px;
line-height:60px;
}

.head_ms{height:42px; line-height:42px; background:#00ae5a; color:#fff;}
.head_ms a{color:#fff;}
.head_ms_01{background:url(img/20180530110143_768859270.png) 00px 3px no-repeat; padding-left:25px; margin-right:20px;}
.head_ms_02{background:url(img/20180530110606_642824082.png) 00px 3px no-repeat; padding-left:25px; margin-right:20px;}
.head_ms_03{background:url(img/20180530110606_1259558783.png) 00px 3px no-repeat; padding-left:22px; margin-right:20px;}
.head_nr{background:#646464;}
.head_nr .w1200{position: relative;}

#top{width: 100%;background: #a2a2a2;height: 40px;line-height: 40px;color: #fff;}
#top a{ color:#fff;}
#top a:hover{text-decoration:underline;color: #e70031;}         
#top_bg{width: 100%; height: 184px;margin: 0 auto;}
.totalwidth {width: 1200px;margin: 0 auto;height: auto;}
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	


.logo{padding-top:36px;padding-bottom:36px;}
.cnen{background:url(img/20191028192212_1076164447.png) center no-repeat; width:103px; height:37px;position: absolute;right: 0px;top: 65px;}
/*nav*/
.nav_bg{height:80px; background:#373737;}
.nav{}
.nav li{float: left; height: 80px;width: 133px;text-align: center;}
.nav li a{display: block;font-size: 18px;color: #fff;line-height: 80px;}
.nav .cur,.nav li:hover{ background-color: #00ae5a;transition:all 0.4s;}

/*banner*/
.banner{ overflow: hidden; height: 400px; width: 100%;    min-width: 1200px; }
.banner-box{ min-width:1200px; height:400px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:400px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a {display: block;background-size: auto;height: 100%;position: relative;z-index: 1111;}
.banner-btn { width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 400px; overflow: hidden;     min-width: 1200px;}
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(img/20200916141047_2040010647.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(img/20200916141047_2040010647.png) no-repeat -49px 0; }
.banner-box .hd { position: absolute; bottom:40px; width: 100%; display: block; }
.banner-box .hd ul { width: 1100px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:16px; height:16px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #00ae5a; width: 16px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


/*search*/
#search_bg{margin:0 auto;min-width:1002px;background:#dbdbdb; padding:20px;}
#search_b{width: 96%; margin:0 auto; height:40px; }
#search-i{float:left; margin-top:10px;}
#search_r{width: 210px;float: right; background-color: #fff;border-radius: 50px; height: 41px; border:1px #d2d2d2 solid;}
#search-bg {float: left; width: 155px;height: 39px;overflow: hidden; background: #fff;margin-left: 15px;}
#search-text{width:890px; float:left; line-height:41px; color: #666;}
#search-text span{color: #222; padding-right: 20px;font-size: 16px;}
#search-text a{color: #666;}
#search-text strong{font-weight: bold; font-size: 15px;}

/*bot*/
.bot{text-align:center;padding: 60px 0 30px;}
.bot em{color:#ccc;text-transform:uppercase;letter-spacing:3px;}
.bot b{margin-top:6px;margin-bottom:10px;background:url(img/20180530115032_1303859523.png) center no-repeat; display: block;font-size:28px;}
.bot b i{color:#00ae5a;}
.bot span{color:#999;}

/*brand*/
.brand{background-color: #f8f8f8;padding-bottom: 60px;}
.brand_n{width: 1200px; margin: 0 auto;line-height: 52px;font-size: 16px;}
.brand_n a{    display: block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px #ccc solid;
    margin-top: 40px;}
.brand_n .fl{}
.brand_n .fr{ width: 560px;}
.brand_n span{}

/* prod */
.prod{width:1200px; margin:auto; overflow: hidden; zoom:1; margin-bottom: 50px;}
.prod p a{width:100%; background:#dbdbdb; height:70px; text-align:center; line-height:70px; font-size:18px; font-weight:bold; display:block;}
.prod_01{ float:left; margin-bottom:1%;}
.prod_02{ float:left;margin-bottom:1%;}
.prod div{    width: 24%;margin-right: 1%;}
.prod div img{box-sizing: border-box;border: 1px #eee solid;}

/*brand*/
.partner{background-color: #f8f8f8;padding-bottom: 60px;}
.partner_n{width: 1200px; margin: 0 auto;text-align: center;line-height: 30px;font-size: 16px;}

/*Model*/
.model{}
.model_title{ text-align:center;}
.model_title em{color:#ccc; text-transform:uppercase; letter-spacing:3px;}
.model_title p{font-size:28px; font-weight:bold; background:url(img/20180530115032_1303859523.png) center no-repeat; margin-top:6px; margin-bottom:10px;}
.model_title p strong{color:#00ae5a;}
.model_title span{color:#999;}
.model_nr{margin-top:40px;}
.model_nr td{width:280px; height:280px; display: block;  float: left;margin-right: 20px;}
.model_nr td:last-child{margin-right: 0px !important;}
.model_nr td div a{opacity: 0;}
.model_nr td:hover div a{display: block;  background:url(img/20180531155001_2035943775.png) no-repeat; height:45px; line-height:45px; position: relative; color:#fff; transition:0.3s;opacity:1; top:-50px; text-align: left;  text-indent: 16px;}
.model_more{width:154px; height:43px; border: 1px #00ae5a solid; text-align: center;  line-height: 43px; text-transform: uppercase;  color: #00ae5a; margin: auto;  margin-top: 40px; margin-bottom: 60px;transition:all 0.3s;}
.model_more:hover{background:#00ae5a; transition:all 0.3s;}
.model_more:hover a{color:#fff !important;transition:all 0.3s;}

/*application*/
.application{background:url(img/20180530151711_69059707.jpg); height:283px;}
.application_title{margin-right: 82px;}
.application_title em{color:#666; text-transform:uppercase; font-size:12px; display:block; padding-top:60px;}
.application_title p{font-size:28px; color:#fff; font-weight:bold;}
.application_title i{display:block; background:url(img/20180530153845_1500678243.png) no-repeat; height:25px; margin:14px 0px;}
.application_title span{color:#999; font-size:12px; line-height:20px;}
.application_nr{}
.application_nr .app01{background:url() center no-repeat; height:45px; padding-top:33px; padding-bottom:22px;}
.application_nr li{background:url(img/20180530154616_482073960.png) top no-repeat; transition:0.3s; height:167px; width:167px; color:#fff; text-align:center; float:left; margin-top:60px; margin-right:30px;}
.application_nr .hover-li{background:url(img/20180530154616_482073960.png) bottom no-repeat; transition:0.3s;}
.application_nr li span{font-size:12px; line-height:20px;}

/*Features*/
.features{background:url(img/20180530161539_205063287.jpg) center no-repeat; height:697px;}
.features_nr{ position:relative;}
.features_nr .features_01{ width:186px; text-align:center; position:absolute; top:182px; left:106px;}
.features_nr .features_01 p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.features_nr .features_01 i{display:block; width:40px; height:2px; background:#00ae5a; margin:auto; transition:0.3s;}
.features_nr .features_01:hover i{ width:80px; transition:0.3s;}
.features_nr .features_01 span{color:#666; margin-top:10px; display:block; line-height:22px;}

.features_nr .features_02{ width:186px; text-align:center; position:absolute; top:68px; left:449px;}
.features_nr .features_02 p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.features_nr .features_02 i{display:block; width:40px; height:2px; background:#00ae5a; margin:auto; transition:0.3s;}
.features_nr .features_02:hover i{ width:80px; transition:0.3s;}
.features_nr .features_02 span{color:#666; margin-top:10px; display:block; line-height:22px;}

.features_nr .features_03{ width:186px; text-align:center; position:absolute; top:61px; left: 934px;}
.features_nr .features_03 p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.features_nr .features_03 i{display:block; width:40px; height:2px; background:#00ae5a; margin:auto; transition:0.3s;}
.features_nr .features_03:hover i{ width:80px; transition:0.3s;}
.features_nr .features_03 span{color:#666; margin-top:10px; display:block; line-height:22px;}

.features_nr .features_04{ width:186px; text-align:center; position:absolute; top: 546px; left: 424px;}
.features_nr .features_04 p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.features_nr .features_04 i{display:block; width:40px; height:2px; background:#00ae5a; margin:auto; transition:0.3s;}
.features_nr .features_04:hover i{ width:80px; transition:0.3s;}
.features_nr .features_04 span{color:#666; margin-top:10px; display:block; line-height:22px;}

.features_nr .features_05{ width:186px; text-align:center; position:absolute; top: 454px; left: 840px;}
.features_nr .features_05 p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.features_nr .features_05 i{display:block; width:40px; height:2px; background:#00ae5a; margin:auto; transition:0.3s;}
.features_nr .features_05:hover i{ width:80px; transition:0.3s;}
.features_nr .features_05 span{color:#666; margin-top:10px; display:block; line-height:22px;}

/*adv*/
.adv{padding-bottom: 60px;}
.adv_n{width: 1200px; margin: 0 auto;line-height: 30px;position: relative;}
.adv_n dl{float:left;padding:60px 0;width:238px;border-right:1px #fff solid;background-color:#eee;text-align:center;}
.adv_n dl dt{margin-bottom:40px;}
.adv_n dl dt em{display:block;margin-bottom:20px;font-size:22px;}
.adv_n dl dt b{display:block;overflow:hidden;margin:0 auto;width:62px;height:62px;border:1px #ddd solid;border-radius:50px;}
.adv_n dl dd p{padding-bottom:30px;font-size:20px;}
.adv_n dl dd i{display:block;margin:0 auto;width:40px;height:2px;background-color:#00ae5a;}
.adv_n dl dd span{display:block;margin-top:30px;padding:0 16px;height:120px;line-height:30px;color: #666;}
.adv_n dl:hover{margin-top: -15px;transition:all 0.4s;}
.ys2,.ys4{background-color: #ddd !important;}

/*about*/
.about{background-color: #f8f8f8;padding-bottom: 60px;}
.about_n{width: 1200px; margin: 0 auto;text-align: center;line-height: 30px;font-size: 16px;}
.about_w{}
.about_w p{position:relative;float:left;overflow:hidden;}
.about_w p a em{position:absolute;bottom:0;z-index:2;display:block;width:100%;height:60px;background:rgba(0,0,0,.8);color:#fff;font-size:16px;line-height:60px;}
.about_w span{float:right;display:block;overflow:hidden;width:280px;height:447px;text-align:center;}
.about_w td{line-height: 40px !important}

.zs{background:url(img/20201110161822_2022561052.jpg) center no-repeat; height:1157px;margin-bottom: 70px;}

.down{margin-bottom:20px;float: left;}
.down li{float:left;width:190px; padding:50px;background: #fff;margin-right: 10px;height: 152px;text-align: center;}
.down li a{ display: block}
.down li:hover{ background: #00ae5a}
.down li:hover span{color:#00ae5a}
.down li:hover h4,.down li:hover span{color:#fff}
.down li em{ display: block;margin:auto;width:60px;height:60px;background:url(img/20200918112025_340928494.png) no-repeat center;}
.down li h4{color:#00ae5a;font-size:16px;margin: 5px 0;}
.down li span{display:block;color:#666666;font-size:14px;}
.down li.x1 em{ background-position:0 -5px;} 
.down li.x2 em{ background-position:0 -76px;} 
.down li.x3 em{background-position:0 -147px;} 
.down li.x4 em{ background-position:-3px -217px;} 
.down li.x1:hover em{ background-position:-68px -5px;} 
.down li.x2:hover em{ background-position:-68px -76px;} 
.down li.x3:hover em{background-position:-68px -147px;} 
.down li.x4:hover em{ background-position:-68px -217px;} 


/*news*/
.news{margin-top:60px; }
.news_title{ text-align:center;}
.news_title em{color:#ccc; text-transform:uppercase; letter-spacing:3px;}
.news_title p{font-size:28px; font-weight:bold; background:url(img/20180530115032_1303859523.png) center no-repeat; margin-top:6px; margin-bottom:10px;}
.news_title p strong{color:#00ae5a;}
.news_title span{color:#999;}

.news_nr{position: relative;margin-top:40px; width:600px;}
.news_div_item{width:240px; float:left; margin-left:44px;transition:0.3s;}
.news_div_item:hover{background:#f6f6f6;transition:0.3s;}
.news_div_item:hover .news_div_item_pic a{background:url(img/20180531105140_154743179.jpg) no-repeat;transition:0.3s;}
.news_div_item_month{float:left;font-size:18px;}
.news_div_item_day{font-size:18px;}
.news_div_item_year{position: absolute; top:67px;  border-top: 1px #666 solid; width: 56px; padding-top: 8px; font-size:12px;}
.news_div_item_content{margin-top:0px;}
.news_div_item_title{margin-bottom:19px;}
.news_div_item_a{font-size:16px !important; font-weight:300 !important; color:#666; }
.news_div_item_body{line-height:22px; color:#999;}
.news_div_item_pic a{background:url(img/20180531104851_2029792720.jpg) no-repeat; display:block; height:42px; width:42px; margin-top:78px;transition:0.3s;}
.news_div_item_image{display:none;}

.Box {position: relative;width: 600px; float:left;}
.Box .content {width: 600px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width:48px;height:48px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(img/20180531115116_1732390057.png) no-repeat center; left:140px; top:-65px;transition:0.3s;}
.Box .Box_con .btnr {background: url(img/20180531115116_1834212241.png) no-repeat center;right:140px; top:-65px;transition:0.3s;}
.Box .Box_con .btnl:hover {background: url(img/20180531115117_1687341083.png) no-repeat center;transition:0.3s;}
.Box .Box_con .btnr:hover {background: url(img/20180531115117_318115400.png) no-repeat center;transition:0.3s;}
.Box .Box_con .conbox {position: relative;overflow: hidden; }
.Box .Box_con .conbox ul .news_div {position: relative;list-style: none;}
.Box .Box_con .conbox ul .news_div .news_div_item {float: left;overflow: hidden;}
.Box .Box_con .conbox ul .news_div .news_div_item:first-child {}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

.Box1 {position: relative; width:600px; float:left;}
.Box1 .content {width: 600px;margin: 0 auto;}
.Box1 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box1 .Box_con {position: relative;}
.Box1 .Box_con .btnl0 {position: absolute;}
.Box1 .Box_con .btn0 {display: block;width:48px;height:48px;position: absolute;top: 80px;cursor: pointer;}
.Box1 .Box_con .btnl0 {background: url(img/20180531115116_1732390057.png) no-repeat center; left:140px; top:-65px;transition:0.3s;}
.Box1 .Box_con .btnr0 {background: url(img/20180531115116_1834212241.png) no-repeat center;right:140px; top:-65px;transition:0.3s;}
.Box1 .Box_con .btnl0:hover {background: url(img/20180531115117_1687341083.png) no-repeat center;transition:0.3s;}
.Box1 .Box_con .btnr0:hover {background: url(img/20180531115117_318115400.png) no-repeat center;transition:0.3s;}
.Box1 .Box_con .conbox {position: relative;overflow: hidden; }
.Box1 .Box_con .conbox ul .divdgweb_new_div{position: relative;list-style: none;}
.Box1 .Box_con .conbox ul .divdgweb_new_div .divdgweb_new_div_item {float: left;overflow: hidden;}
.Box1 .Box_con .conbox ul .divdgweb_new_div.divdgweb_new_div_item:first-child {margin-left: 0;}
.Box1 .BoxSwitch0 {margin-top: 30px;text-align: center;}
.Box1 .BoxSwitch0 span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box1 .BoxSwitch0 span.cur {background: red;}
.divdgweb_new_div_item{width:240px; float:left; margin-left:44px;transition:0.3s;}
.divdgweb_new_div_item:hover{transition:0.3s;}
.divdgweb_new_div_item:hover .news_div_item_pic a{background:url(img/20180531105140_1547431710.jpg) no-repeat;transition:0.3s;}
.divdgweb_new_div_item_month{float:left;font-size:18px;}
.divdgweb_new_div_item_day{font-size:18px;}
.divdgweb_new_div_item_year{position: absolute; top:67px;  border-top: 1px #666 solid; width: 56px; padding-top: 8px; font-size:12px;}
.divdgweb_new_div_item_content{margin-top:0px;}
.divdgweb_new_div_item_title{margin-bottom:16px;}
.divdgweb_new_div_item_a{font-size:16px !important; font-weight:300 !important; color:#666;  width: 230px; display: block;  overflow: hidden;  height: 24px;}
.divdgweb_new_div_item_body{line-height:22px; color:#999;}
.news_div_item_pic a{background:url(img/20180531104851_2029792721.jpg) no-repeat; display:block; height:42px; width:42px; margin-top:78px;transition:0.3s;}
.divdgweb_new_div_item_image{display:none;}

/*link*/
.link_bg{width:100%; background-color:#00ae5a; line-height:30px; padding: 20px 0 16px 0;}
.link_dht{width:78px; font-size:15px; font-weight:bold; color:#fff;}
.link_nr{width:1120px;color: #fff;}

/*s_tel*/
.s_tel{background-color: #f8f8f8;margin-top: 60px;padding: 60px 0;}
.contact_box{ width:1173px; border:1px solid #f0e4e2; height:270px; margin:0 auto;padding-left:25px; padding-top:38px;     padding-bottom: 33px;}
.contact_cont{ width:600px;}
.contact_top span{ font-size:16px; display: inline-block; width:260px; height:90px;line-height: 30px;}
.contact_top span img{}
.contact_top span i{width: 26px;height: 26px;background-color: #00ae5a;display: block;text-align: center;padding: 12px;border-radius: 50px;float: left;margin-right: 20px;}
.contact_top{border-bottom:1px solid #f0e4e2; width:550px; margin-bottom:40px;}

.code div{ display:inline-block; margin-left:22px;vertical-align: top;}
.code div strong{ font-size:18px; display:block;height:37px; margin-bottom:16px;}
.code div span:nth-child(2){ font-size:16px;}
.code div span:nth-child(3){ margin-top:18px; display:block; width:123px; height:40px; background: #666 url(img/20200919090631_150227425.png) left 15px center no-repeat; line-height:40px;border-radius:50px}
.code div span:nth-child(3) a{ font-size:15px;color:#fff; padding-left:45px;}
.code img{ width:136px;}

.liuyanban{ float: left; width:495px; margin-left:43px;}
.liuyanban li{ font-size:24px; margin-bottom: 24px;}
#tianxieyin{ display:none;}
#orderlist_tell{ width:177px !important;}
#tianxiethree {  margin-top:22px;}
#tianxiethree input {width:124px; height:30px; border: solid 1px #ccc;outline:none; padding-left:10px; float:left;}
#tianxiethree span { display:block; float:left; height:32px; line-height:32px; margin-right:3px; font-size:15px;}
#tianxiethree strong { display:block; float:left; height:32px; line-height:32px; margin-right:9px;  font-weight:lighter; letter-spacing: 3.3px;     font-size: 15px;}
#tianxiethree textarea {width:400px; height:95px; border: solid 1px #ccc;outline:none; padding-left:15px; padding-top:5px;}
#tianxieyin { display: none}
#lytijiao { float:right;}
#lytijiao input { width:173px; height:35px; background:url(img/20200919093421_1033046335.jpg); list-style: none; outline: none; font-size:0px; border: none;}


/* footer */
.nyfooter{margin-top:30px;}
.footer{background:#333; height:350px; }
.nyfooter{margin-top:30px !important;}
.footer a{color:#ccc;}
.footer_nr{padding-top:50px;}
.footer_k1{width:245px;}
.footer_k1 p{margin-bottom:20px;}
.footer_zx{background:url(img/20171113111957_714455150.png) no-repeat; color:#fff; height:31px; width:101px; text-align:center; line-height:31px; margin-left:12px;}
.footer_zx a{color:#fff;}
.footer_hg{width:20px; height:2px; background:#fff; margin:15px 0px 10px 0px;transition:0.3s;}
.footer .footer_k2 a{color:#999;}
.footer .footer_k2 a:hover{ color:#999;}
.footer_k2{color:#999; margin-right: 71px;}
.footer_k2 p{color:#fff;font-size: 16px;}
.footer_k2 p a{color:#fff !important; font-size: 16px;}
.footer_k2 li{ line-height:30px;}
.footer_k2:hover .footer_hg{transition:0.3s; background:#00ae5a;}
.footer_k3:hover .footer_hg{transition:0.3s; background:#00ae5a;}
.footer_k4:hover .footer_hg{transition:0.3s; background:#00ae5a;}
.footer_k3{ width:130px ;}
.footer_k3 p{color:#fff;font-size: 16px;}
.footer_k3 p a{color:#fff !important; font-size: 16px;}
.footer_k3 li{width:144px; color:#ccc; line-height:30px;}
.footer_k3 a{color:#999;}
.footer_k4{ color:#fff;font-size: 16px; float:right;}
.footer_k4 span{ display:block;font-size:12px; text-align:center; margin-top:5px;}
.footer_k4 img{margin-top:7px;}
.footer_ms{ text-align:center; color:#999; background:#222; height:50px; line-height:50px;}
.footer_ms a{color:#999;}
.footer_img1{margin-left:30px;}
.friendlink { margin-top:20px;width: 270px;margin-left: auto;}
.friendlink .fri_L { background: url(img/20180131174232_1655916532.png) no-repeat; width: 77px; height: 28px; float: left; color: #e4e4e4; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; }
.friendlink .fri_R { height: 50px; display: block; float: right; width: 181px; background: #e4e4e4; }
.friendlink .linkTagcs { width: 281px; max-height: 50px; background:#e3e3e3 url(img/20180531140859_1816167069.jpg) top right no-repeat; overflow: hidden; transition: 0.3s all; }
.friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.friendlink .linkTagcs li { float: none; line-height:50px; text-align: left; text-indent: 10px; }
.friendlink .linkTagcs li a{display: block; color:#777;}

.friendlink_tp1{background:url(img/20180512151129_2015745375.png); width:15px; height:17px; transition:all 0.5s; margin-right:25px;}
.friendlink_tp1:hover{ background-position:0px -50px; transition:all 0.5s;}

.friendlink_tp2{background:url(img/20180512151129_625874877.png); width:17px; height:17px; transition:all 0.5s; margin-right:29px;}
.friendlink_tp2{margin-left:3px;}
.friendlink_tp2:hover{ background-position:0px -50px; transition:all 0.5s;}
.friendlink_tp2_nr{display:none; transition:all 0.5s; }
.qqwxewm a:hover .friendlink_tp2_nr{display:block !important;  position:absolute;  transition:all 0.5s; top: -38px; left:-30px;}
.friendlink_tp2_nr img{width:60px;}

.friendlink_tp3{background:url(img/20180512151130_1093168948.png); width:21px; height:17px; transition:all 0.5s;}
.friendlink_tp3:hover{ background-position:0px -50px; transition:all 0.5s;}
.qqwxewm{margin-top:20px; position:relative;}
.friendlink_tp3_nr{display:none; transition:all 0.5s; }
.qqwxewm a:hover .friendlink_tp3_nr{display:block !important;  position:absolute;  transition:all 0.5s; top: -38px; left:16px;}
.friendlink_tp3_nr img{width:60px;}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;transition:all 0.5s;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}
.side ul li .sidebox1{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#00ae59;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sidebox_ewm{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}
.side ul .sidebox_ewmbox:hover{width:54px;height:210px !important;}
.side ul .sidebox_ewmbox p{transition:all 0.5s; left:5px; top:0px;}
.side ul .sidebox_ewmbox:hover p{display: block; position: relative; left:5px; top: 0px;transition:all 0.5s;}
.side ul .sidebox_ewmbox img{margin-left:0px;transition:all 0.5s;}

.n_sp{margin-bottom:0.5rem;}